.center-contain-right {
    font-size: 20px;
    color: #4c4c4c;
    .center-contain-right-title {
        width: 100%;
        margin-bottom: 25px;
        font-size: 24px;
        line-height: 60px;
        color: #ff9900;
        border-bottom: 2px dashed #ff9900;
        text-align: center;
    }
    img {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 100px;
    }
    .name {
        text-align: center;
        font-size: 18px;
        margin-top: 10px;
    }
    .small-title {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 25px;
        font-size: 20px;
        color: #ff9900;
        text-align: center;
    }
    .base-info {
        width: 770px;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 0;
        .base-item {
            display: inline-block;
            width: 33.3%;
            vertical-align: middle;
            font-size: 18px;
            color: #4c4c4c;
            text-align: center;
            line-height: 30px;
            &:first-child {
                text-align: left;
            }
            &:last-child {
                width: 100%;
                text-align: left;
            }
            &.tr {
                text-align: right;
            }
        }
    }
    .vitae-item {
        width: 770px;
        margin: 0 auto;
        margin-top: 10px;
        select,
        input {
            height: 40px;
            width: 100%;
            text-indent: 20px;
            font-size: 16px;
            color: #ccc;
            border: 1px solid #999;
            border-radius: 5px;
        }
        textarea {
            height: 110px;
            width: 100%;
            text-indent: 20px;
            font-size: 16px;
            color: #ccc;
            border: 1px solid #999;
            border-radius: 5px;
            resize: none;
        }
        .tip {
            font-size: 14px;
            color: #f11b35;
            margin-top: 10px;
        }
    }
    .experience {
        input {
            width: 690px;
            height: 36px;
            vertical-align: middle;
            border: 1px solid #999;
            border-right: none;
            border-radius: 5px 0 0 5px;
        }
        span {
            display: inline-block;
            height: 38px;
            width: 76px;
            text-align: center;
            line-height: 38px;
            vertical-align: middle;
            border: 1px solid #999;
            border-left: none;
            border-radius: 0 5px 5px 0;
        }
    }
    .subject {
        width: 770px;
        margin: 0 auto;
        font-size: 18px;
        color: #343434;
    }
    .subject-wrapper {
        width: 770px;
        margin: 0 auto;
        font-size: 0;
        .area-item {
            display: inline-block;
            width: 110px;
            margin-left: 18px;
            margin-top: 10px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 18px;
            color: #ff9900;
            border: 1px solid #ff9900;
            border-radius: 8px;
            &:nth-of-type(6n+1) {
                margin-left: 0;
            }
            &.active{
                background: #ff9900;
                color:#fff;
            }
        }
    }
    .subject-normal {
        width: 770px;
        margin: 20px auto;
        font-size: 18px;
        color: #343434;
    }
    .area-wrapper {
        width: 770px;
        margin: 0 auto;
        font-size: 0;
        label {
            display: inline-block;
            font-size: 18px;
            width: 150px;
            line-height: 40px;
            input {
                position: relative;
                top: 2px;
                width: 18px;
                height: 18px;
            }
        }
    }
    .complete-contain {
        width: 770px;
        height: 100%;
        margin: 0 auto;
        vertical-align: top;
        .complete {
            width: 100%;
            font-size: 0;
            select,
            input {
                height: 40px;
                width: 490px;
                line-height: 40px;
                border: 1px solid #999;
                border-radius: 5px;
                font-size: 16px;
                text-indent: 20px;
                color: #999;
            }
            .time-left {
                width: 450px;
                border-radius: 5px 0 0 5px;
                border-right: none;
                vertical-align: middle;
            }
            .time-right {
                display: inline-block;
                width: 40px;
                height: 42px;
                font-size: 18px;
                line-height: 42px;
                text-align: center;
                border: 1px solid #999;
                border-radius: 0 5px 5px 0;
                border-left: none;
                vertical-align: middle;
            }
            .birthday {
                width: 360px;
                background: url('../static/img/time-icon.png') no-repeat 316px center;
                background-size: 20px;
                &:last-child {
                    margin-left: 40px;
                }
            }
            .bonus-input {
                width: 130px;
                vertical-align: middle;
                border-radius: 5px 0 0 5px;
                border-right: none;
            }
            .bonus-link {
                display: inline-block;
                width: 40px;
                height: 42px;
                vertical-align: middle;
                font-size: 14px;
                line-height: 42px;
                text-align: center;
            }
            .bonus-span {
                display: inline-block;
                width: 95px;
                height: 42px;
                vertical-align: middle;
                font-size: 18px;
                line-height: 42px;
                text-align: center;
                border: 1px solid #999;
                border-radius: 0 5px 5px 0;
                border-left: none;
            }

            label {
                display: inline-block;
                font-size: 18px;
                width: 150px;
                line-height: 40px;
                input {
                    position: relative;
                    top: 2px;
                    width: 18px;
                    height: 18px;
                }
            }
            textarea {
                height: 150px;
                width: 490px;
                line-height: 40px;
                border: 1px solid #999;
                border-radius: 5px;
                font-size: 16px;
                text-indent: 20px;
                color: #999;
                resize: none;
            }
        }
        .area {
            width: 500px;
            label {
                width: auto;
                padding: 0 9px;
            }
        }
        .complete-tip {
            font-size: 14px;
            line-height: 25px;
            margin-top: 10px;
            color: #f11b35;
        }
    }
    .save-btn {
        display: block;
        width: 300px;
        height: 40px;
        margin: 0 auto;
        margin-top: 40px;
        text-align: center;
        line-height: 40px;
        background: #ff9900;
        color: #fff;
        border-radius: 40px;
    }
}